import PropTypes from 'prop-types'
import React, { memo } from 'react'
import { HeaderWarpper } from './style'

const SelectionHeader = memo((props) => {
  const {title, subtitle} = props

  return (
    <HeaderWarpper>
      <h2 className="title">{title}</h2>
      <div className="subtitle">{ subtitle }</div>
    </HeaderWarpper>
  )
})

SelectionHeader.propTypes = {
  title: PropTypes.string,
  subtitle: PropTypes.string,
}

export default SelectionHeader